草庐IT

HTML5 iframe 沙箱属性问题

全部标签

javascript - 正则表达式用 HTML 标签包装字符串

我有一个包含很多行的文本区域,如下所示:#1=stuff#2=morestuff...#123=evenmorestuff...我正在使用正则表达式来查找#num=模式(/^#[0-9]*=/),我想让它们成为像这样的anchor标记#123=但它并没有像我想象的那样工作。"#2=".replace(/^#[0-9]*=/,"$1")结果:$1我做错了什么? 最佳答案 您忘记了捕获组或使用$&引用第0组并且您只处理初始数字,因为您使用的是字符串anchor的开头(您需要将其删除以匹配所有它们中的一个,或者如果你想匹配行的开头,请使用

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - 属性检测 : Using 'in' versus trying to access property

不得不提:我知道一点JavaScript,但我不是很深入。一直认为这是检查对象上的属性是否可用的正确方法:if(window.console){//doSomething}昨天我看到了使用这种技术的代码:if('console'inwindow){//doSomething}这两种技术是否等同?还是他们有区别? 最佳答案 没有。他们有区别。第一个检查window.console的值是否为Truthy,第二个检查window中是否存在console属性。假设您创建了一个这样的变量。window.myName="";现在,if(wind

javascript - 浅拷贝对象遗漏了 ES6/ES7 中的一个或多个属性?

这就是我一直在做的:varprops={id:1,name:'test',children:[]}//copypropsbutleavechildrenoutvarnewProps={...props}deletenewProps.childrenconsole.log(newProps)//{id:1,name:'test'}有没有更干净、更简单的方法? 最佳答案 你可以使用destructuringassignment:varprops={id:1,name:'test',children:[]}var{children:_,.

javascript - Polymer - 从父元素访问子元素属性的简单方法

我有一个简单的polymer元素,看起来像这样:paper-dropdown-menu{padding:5px;}MainSoupDessertAppetizerPolymer({is:'selector-course'});这个元素存储在一个单独的HTML文件中,然后在我的其他几个元素中使用,如下所示:...现在,在我的父元素中,我需要访问的选定值现在,我有一个看起来像这样的解决方案:this.shadowRoot.querySelector('selector-course').shadowRoot.querySelector('#courseSelect').selectedIt

javascript - Jquery 数据属性选择器不起作用

我有这个元素data-attributeconversationId是这样动态设置的:$(".messages").data("conversationId",conversationId);我在使用选择器通过数据属性选择该元素时遇到问题。$(".messages[data-conversationId=4]")返回空数组。有趣的是:$(".messages").data("conversationId")返回4我的选择器有什么问题? 最佳答案 如果您通过jquery的.data()设置您的动态属性,您将遇到上述问题。但是如果通过j

javascript - Vue.js 的 CORS 问题

我正在使用:Vue2.0.3vue-router2.0.1vuex0.8.2vue资源0.7.0在使用远程API而不是本地运行的API尝试登录到我的页面后,出现如下所示的cors错误vue-resource.common.js?2f13:1074OPTIONShttps://mywebsite/api/auth/login(anonymousfunction)@vue-resource.common.js?2f13:1074Promise$1@vue-resource.common.js?2f13:681xhrClient@vue-resource.common.js?2f13:103

javascript - Facebook Javascript SDK 安全问题?

我正在尝试将facebook身份验证嵌入到我的应用程序中。我最初的努力是在浏览器中登录并获取代码。我将此代码传回我的api并获取访问token(保留在服务器中)并通过我的服务器将我的所有请求路由到FBApi。对我来说似乎完全安全,因为我的客户没有任何信息能够作为我的应用程序对FB进行授权调用。然而,我一直在研究FBJavascriptSDK,以避免编写用于打开和关闭对话框的代码,并注意到它允许我getLoginStatus并返回访问token给我。此外,我在他们的文档中查看了FB身份验证流程,他们说客户端-服务器混合流程可以在服务器实际将“长期访问token”返回给客户端并建议我使用H

javascript - 有没有一种很好的方法来 Promise.all 具有 promise 属性的对象数组?

如果我有一组promise,我可以简单地使用Promise.all来等待它们。但是当我有一个对象数组时,每个对象都有一些promises的属性,有没有好的方法来处理它?例子:constfiles=urlOfFiles.map(url=>({data:fetch(url).then(r=>r.blob()),name:url.split('/').pop()}))//whattodoheretoconverteachfile.datatoblob?//likePromise.all(files,'data')orsomethingelse 最佳答案

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat